<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    `
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/统筹修饰.css" />
    <link rel="stylesheet" href="../css/cf首页修饰.css" />
    <link rel="stylesheet" href="../css/cf商品详情修饰.css">
    <link rel="stylesheet" href="../img/font_odolx4hy8w/iconfont.css" />
    <script src="../js文件/api.js"></script>

    <script src="../js文件/axios.min.js"></script>
    <script src="../js文件/cf商品详情页js.js"></script>


</head>

<body>
    <div class="top-bei">
        <div class="top">
            <div class="top-1">
                <a href="https://mall.qq.com/cf/" target="_blank"><img src="../img/图标1.png" alt="" /></a>
            </div>
            <div class="top-2">
                <a href="https://mall.qq.com/cf/" target="_blank"><img src="../img/图标2.png" alt="" /></a>
            </div>
            <div class="top-3">
                <div class="top-3-1">
                    <div class="iconfont icon-sousuo_huaban1"></div>
                </div>
                <input type="text" class="top-3-2" placeholder="请输入搜索内容" />

                <div class="top-3-3">
                    <div class="iconfont icon-guanyuwomen"></div>
                    <h4 class="user"><a href="cf登录页.html">立即登录</a></h4>
                </div>
                <div class="top-3-4">
                    <div class="iconfont icon-gouwuche"></div>
                    <h4><a href="cf购物车.html">购物车</a></h4>
                </div>
            </div>
        </div>
        <div class="nav">
            <div class="nav-left">
                 <a href="cf首页.html" class="nav-left-ho">首页</a>
        <a href="cfNav详情页.html" class="nav-left-ho">枪模主题站</a>
        <a href="cfNav详情页.html" class="nav-left-ho">服饰时尚</a>
        <a href="cfNav详情页.html" class="nav-left-ho">包类专区</a>
        <a href="cfNav详情页.html" class="nav-left-ho">家居日用</a>
        <a href="cfNav详情页.html" class="nav-left-ho">模型手办</a>
            </div>
            <div class="nav-right">
                <h2>全部商品</h2>
                <div class="iconfont icon-shouye_huaban1"></div>
            </div>
        </div>
    </div>
    <div class="content">
        <!-- <div class="content-left fl">
            <img src="../img/详情1.jpg" alt="">
        </div>
        <div class="content-right fl">
            <h2>蝴蝶Q版手办-盲盒【随机单款】预售</h2>
            <p class="txt"><span>售价</span><i>￥</i> 99.00</p>
            <p class="txt"><span class="xx">评价</span>（已有520人评价）</p>
            <p class="txt"><span>配送</span>现货，现在下单，立即发货</p>
            <p class="txt"><span>数量</span>
             <button onclick =  "subBtn(${pObj.pid},this)"> - </button>
            <input type="text" value=1 class = "ipts" onblur = "iptBtn(${pObj.pid},this)" class = "pnum-ipt">
            <button onclick =  "addBtn(${pObj.pid},this)">+</button></p>
            <button onclick =  "carBtn(${pObj.pid})" class="btn">加入购物车</button>
        </div> -->
        
    </div>

    <div class="bot-bei">
        <div class="bot">
            <div class="bot-m">
                <div class="bot-m-1">
                    <a href="https://mall.qq.com/cf">
                        <img src="../img/bot-m-1-1.png" alt="" class="bot-m-1-1" /></a>
                    <a href="https://mall.qq.com/cf"><img src="../img/bot-m-1-2.png" alt="" class="bot-m-1-2" />
                </div></a>
                <div class="bot-m-2">
                    <a href="https://mall.qq.com/help.shtml?gotab=4"> <img src="../img/底部.jpg" alt=""></a>
                </div>
                <div class="bot-m-3">
                    <ul>
                        <li><img src="../img/bot-1.png" alt="" class="im"></li>
                        <li>掌上穿越火线</li>
                    </ul>
                    <ul>
                        <li><img src="../img/bot-2.jpg" alt="" class="im"></li>
                        <li>聚诚品公众号</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="last-bei">
        <div class="last">
            <a href="https://game.qq.com/contract.shtml" target="_blank">
                <p class="last-p1">
                    腾讯互动娱乐I服务条款|腾讯游戏隐私保护指引腾讯游戏儿童隐私保护指引广告服务I腾讯游戏招聘I腾讯游戏客服I 游戏地图I
                    成长守护平台I商务合作I网站导航<br>粤网文[2014]0633-233号增值电信业务经营许可证:客B2- 20090059 B2-20090028违法和不良信息举报电话:
                    0755-83767606 <br>COPYRIGHT◎1998 - 2020 TENCENT. ALL RIGHTS RESERVED. <br>腾讯公司版权所有<br>
                </p>
            </a>
            <a href="https://szcert.ebs.org.cn/1efd63b4-7863-490a-839f-53968220109f" target="_blank">
                <div class="last-p2">
                    <img src="../img/警徽.png" alt="">工商网监电子标识

                </div>
            </a>
        </div>
    </div>

</body>

<script>
    let username = localStorage.getItem("username")
    let user = document.querySelector(".user");
    if (username) {
        user.innerHTML = username
    }
</script>

</html>